草庐IT

vue2 jest

全部标签

javascript - 在 Vue.js 中,如何禁用计算属性的缓存?

Before0.12.8,computedpropertiesbehavejustlikegetters-everytimeyouaccessit,thegetterfunctionisre-evaluated.In0.12.8thishasbeenimproved-computedpropertiesarecachedandlazilyre-evaluatedonlywhennecessary.对于我当前的项目,我实际上需要在每次访问时重新评估一些属性。当前惰性评估不起作用的原因是因为在我的一些属性中还有其他不在Vue.js监视下的“动态变量”。 最佳答案

javascript - 使用 jest 时如何设置 jsdom

我正在尝试从AVA迁移到Jest。在AVA中可以设置ava.setup,在其中设置jsdom环境。例如,创建DOM结构并执行必要的polyfill(localStorage)。我如何在Jest中完成它?目前,我在每个测试套件中都使用beforeEach,感觉这不是最佳解决方案。提前致谢! 最佳答案 好问题。Jest实际上附带了jsdom并且环境已经配置好了。您可以使用testEnvironment覆盖它setting.如果您需要设置环境的更多方面,您可以使用setupTestFrameworkScriptFilesetting指向在

javascript - 为 React-Native 应用开 Jest 测试 Animated.View

我尝试使用JestforReact-Native测试Animated.View。当我将属性visible设置为true时,它​​应该将我的View从opacity0动画化为opacity1。这是我的组件呈现的内容:{message}opacityValue在propsvisible改变时更新:Animated.timing(this.opacityValue,{toValue:this.props.visible?1:0,duration:350,},).start(),当我设置属性visible=true时,我想确保我的View可见。尽管View变得可见需要一些时间,并且随着测试的运

javascript - Vue 和 Axios CORS 错误 No 'Access-Control-Allow-Origin' header is present on the requested resource

这个问题在这里已经有了答案:XMLHttpRequestcannotloadXXXNo'Access-Control-Allow-Origin'header(11个答案)关闭4年前。我目前遇到上述错误,我正在使用Axios向外部API发出GET请求。看完Mozilla文档,做了很多研究并尝试了不同的选择,我仍然没有任何改善。我已经将代码剥离回到基础:axios.get('URL.com',{headers:{Access-Control-Allow-Origin:*},auth:{username:'username',password:'password'},}).then(func

javascript - 使用 Jest 和 React JS TestUtils 测试表单

我有一个带有3个单选按钮的表单,如下所示(假名):而且我很难尝试测试onChange和onSubmit事件。inputs=TestUtils.scryRenderedDOMComponentsWithClass(MyComponentRendered,'myRadio');myForm=TestUtils.findRenderedDOMComponentWithClass(MyComponentRendered,'myForm');我有这样的测试:it("changesthecheckedstatewhenclicked",function(){MyComponent.change=j

javascript - Vue-router 2 更改路由但不更新 View ?

我在使用以下网站时遇到登录问题:Vue.jsv2.0.3vue-routerv2.0.1vuexv0.8.2在routes.js我有一个简单的拦截器设置router.beforeEach((to,from,next)=>{if(to.matched.some(record=>record.meta.requiresAuth)){//thisrouterequiresauth,checkifloggedin//ifnot,redirecttologinpage.if(!router.app.auth.isUserLoggedIn){next({path:'/login',query:{r

javascript - Vue.js - 从组件内的根实例访问数据

这似乎是一个相当基本的问题,但我似乎无法找到明确(甚至有效)的答案。我有我的根实例:varvm=newVue({el:'#app',//Datadata:{events:{}},//Methodsmethods:{fetchEvents:function(){this.$http.get('/api/events').success(function(theseEvents){this.$set('events',theseEvents);}).error(function(error){});}},ready:function(){this.fetchEvents();}});我有一

javascript - 开 Jest transformIgnorePatterns 不起作用

我花了很长时间查看关于此的其他问题并查看Github上的其他项目,但似乎没有一个答案对我有用。我正在我的项目中加载第三方库,在运行Jest测试时出现错误exportdefaultportalCommunication;^^^^^^SyntaxError:Unexpectedtokenexport>1|importportalCommunicationfrom'mathletics-portal-communication-service';我已尝试通过多种方式更新我的Jest配置以使其能够转译该库,但我总是遇到同样的错误。这是我当前的jest.config.js文件:module.ex

javascript - 有没有办法用 Jest 按顺序运行一些测试?

Jest默认情况下并行运行您的测试套件,但有一个标志(--runInBand)允许您按顺序运行整个套件(如指出的here)我有一些无法并行运行的测试,但按顺序运行整个套件总共需要更长的时间,所以我的问题是是否有办法只运行一些测试(例如为这些测试或类似的东西设置一个标志)。 最佳答案 我也需要同样的功能。我有一大套要运行的Jest集成测试套件。但是,由于需要设置和拆卸共享资源,有些无法并行运行。所以,这是我想出的解决方案。我更新了我的package.json脚本:{..."scripts":{..."test":"npmruntest

javascript - 如何使用 Jest 为带有 Promise 的代码编写单元测试

我正在尝试使用Jest和Jasmine-pit为以下代码编写单元测试,但我完全被它难住了。该代码是一个ajax调用,它从资源中检索一些数据并将其保存在变量中。init=function(){vardeferred=Q.defer();$.ajax({type:'GET',datatype:'json',url:window.location.origin+name,success:function(data){userId=data.userId;apiKey=data.apiKey;deferred.resolve();}});returndeferred.promise;},